<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
</head>

<body style="color:#333;padding:3px;overflow-x: auto;">
<!-- 标题 -->
<div class="page-heade">
    <h1 class="title_color">广州销路通软件有限公司-收货签收单</h1>
</div>
<!-- 标题 -->

<div>
    <form action="" class="form-inline" method="get">
        <div class="padding-10">
            <a href="javascript:;" class="btn btn-info">导出Excel</a>
        </div>
        <div class="">
            <div class="form-group">
                对应的发货单号：<a href="{:url('fhdxq',['id'=>$data.id])}">{$data.sn}</a><span class="lr_5">
            </div>
        </div>
        <div class="padding-10">
            <div class="form-group">
                经销商编号：<span>{$data.bh}</span>
            </div>
            <div class="form-group text-left lr_5" style="float: right;">
                发货日期：<span>{$data.rq}</span>
            </div>
        </div>
        <div class="">
            <div class="form-group">
                经销商名称：<span>{$data.mc}</span>；送货地址：<span class="gystext">{$data.shdz}</span>；联系人：<span>{$data.shlxr}</span>；电话：<span>{$data.shdh}</span>
            </div>
        </div>
        <table class="row-margin-top tab-content table-bordered table text-right" border="1">
            <tr class="info">
                <th rowspan="2" style="min-width: 120px" class="text-center">仓库名称</th>
                <th rowspan="2" style="min-width: 200px" class="text-center">产品名称</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">规格</th>
                <th rowspan="2" style="min-width: 80px" class="text-center">单位</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">出库数量</th>
                <th colspan="2" class="text-center">发货数量</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">EMP收货数量</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">TSP收货数量</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">DP收货数量</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">VP收货数量</th>
                <th colspan="2" class="text-center">实收数量</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">箱价</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">金额</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">体积(立方米)</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">重量(吨)</th>
                <th rowspan="2" style="min-width: 120px" class="text-center">备注</th>
            </tr>
            <tr class="info">
                <th style="min-width: 120px" class="text-center">销售</th>
                <th style="min-width: 120px" class="text-center">搭赠</th>
                <th style="min-width: 120px" class="text-center">销售<span class="colorRed">*</span></th>
                <th style="min-width: 120px" class="text-center">搭赠<span class="colorRed">*</span></th>
            </tr>
            {volist name="data.list" id="row" key="k"}
            <tr>
                <td class="text-left">{$data.dyck}</td>
                <td class="text-left">{$row.cpmc}</td>
                <td class="text-left"></td>
                <td>{$row.unit}</td>
                <td class="text-right"><span>{$row.cksl}</span>.00</td>
                <td class="text-right"><span>{$row.xssl}</span>.00</td>
                <td class="text-right"><span>{$row.dzsl}</span>.00</td>
                <td class="text-right"><span></span></td>
                <td class="text-right"><span></span></td>
                <td class="text-right"><span></span></td>
                <td class="text-right"><span></span></td>
                <td class="text-center"><input type="text" class="form-control" name="xssl_ss[$row.id]" style="min-width: 120px;"></td>
                <td class="text-center"><input type="text" class="form-control" name="dzsl_ss[$row.id]" style="min-width: 120px;"></td>
                <td><span class="ObjectNum">{$row.dj}</span>00</td>
                <td><span class="ObjectNum">{$row.je}</span>00</td>
                <td><span>{$row.tj}</span>.0000</td>
                <td><span>{$row.zl}</span>.00000000</td>
                <td><input type="text" class="form-control" name="mxbz[$row.id]"></td>
            </tr>
            {/volist}
            <tr class="font-bold" id="trAll">
                <td class="text-center">总计:</td>
                <td></td>
                <td class="text-right"></td>
                <td class="text-center"></td>
                <td class="text-right"><span>{$cksl}</span>.0000</td>
                <td class="text-right"><span>{$xssl}</span>.0000</td>
                <td class="text-right"><span>{$dzsl}</span>.00</td>
                <td class="text-right"><span>0</span>.00</td>
                <td class="text-right"><span>0</span>.00</td>
                <td class="text-right"><span>0</span>.00</td>
                <td class="text-right"><span>0</span>.00</td>
                <td class="text-right"><span>200000</span>.0000</td>
                <td class="text-right"><span>0</span>.0000</td>
                <td></td>
                <td><span class="ObjectNum">{$je}</span>00</td>
                <td><span>{$tj}</span>.0000</td>
                <td><span>{$zl}</span>.00000000</td>
                <td></td>
            </tr>
            <tr>
                <td colspan="2" class="text-left">物流公司：<span>{$data.wlgs}</span></td>
                <td colspan="16" rowspan="2" class="text-left">物流签名：</td>
            </tr>
            <tr>
                <td colspan="2" class="text-left">物流公司电话：<span>{$data.dh}</span></td>
            </tr>
            <tr>
                <td colspan="2" class="text-left">客户满意度：
                    <label for="great" class="radio-inline">
                        <input type="radio" class="form-control" id="great" name="estimate" value="1">良好
                    </label>
                    <label for="good" class="radio-inline">
                        <input type="radio" class="form-control" id="good" name="estimate" value="2">一般
                    </label>
                    <label for="bad" class="radio-inline">
                        <input type="radio" class="form-control" id="bad" name="estimate" value="3">差
                    </label>
                </td>
                <td colspan="16" class="text-left">收货人<span class="colorRed">*</span>：<input type="text"
                                                                                             class="form-control"
                                                                                             name="shr"
                                                                                             style="min-width: 100px;width: 100px">
                </td>
            </tr>
            <tr>
                <td class="text-left">备注：<span></span></td>
                <td colspan="17" class="text-left">
                    <textarea name="bz" id="" style="user-select:none;width: 40%;height: 60px;"
                              class="form-control"></textarea><span style="vertical-align: bottom;">500</span>
                </td>
            </tr>
            <tr>
                <td rowspan="2" colspan="2" class="text-left">
                    提示：收货后请贵单位及时验收，如有问题，请马上与我司联系。
                </td>
                <td colspan="10" class="text-center">
                    签收单一式两联，客户收到货物无误后，请盖章签字并保留一份做留底，以便回传我司，另一份交给物流公司。多谢合作！
                </td>
            </tr>
            <tr>
                <td colspan="10">
                    <p class="text-left">盖章：</p>
                    <p class="text-left">收货日期<span class="colorRed">*</span>：<input type="text"
                                                                                    class="form-control layer-date"
                                                                                    name="shrq" id="deleveryDate"></p>
                </td>
            </tr>
        </table>
        <div class="">
            <div class="form-group">
                制单人：<span>{$data.zdr}</span>
            </div>
            <div class="form-group" style="float: right;">
                物流公司：<span>{$data.wlgs}</span>；联系人：<span>{$data.lxr}</span>；联系电话：<span>{$data.dh}</span>；物流单号：<span>{$data.wldh}</span><span
                    class="lr_5"></span><span class="lr_5"></span>
            </div>
        </div>
        <div style="text-align: center;">
            <input type="button" value="确认收货" class="btn btn-primary" id="queren">
        </div>
    </form>
</div>
<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
<script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
<script src="__STATIC__/layout/js/common.js"></script>
<script>
    $('#queren').on('click',function () {
        var param = $(this).closest('form').serialize()
        $.post('',param,function (data) {
            if(data.success){
                swal({title:data.msg},function () {
                    location.href='{:url("shgl")}'
                })
            }else{
                swal('',data.msg,'error')
            }
        },'json')
    })
    laydate({
        elem: "#deleveryDate",
        event: "focus"
    })
    $(document).ready(function () {
        var $ObjectNum = $(".ObjectNum");
        toNum($ObjectNum);
        var $gysText = $(".gystext");
        var num = 13;
        $gysText.each(function () {
            wordlimit($(this), num)
        })
    })

    function wordlimit(cname, num) {
        for (var i = 0; i < cname.length; i++) {
            var nowLength = cname[i].innerHTML.length;
            if (nowLength > num) {
                return cname[i].innerHTML = cname[i].innerHTML.substr(0, num) + '...'
            }
        }
    }
</script>

</body>

</html>
